<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大麦网</title>
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/sidebar.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            font-size: 14px;
        }
    </style>
</head>

<body>

    <div class="nav">
        <div class="nav-box">
            <div class="nav-left">
                <a href="index.html">
                    <img class="logo-img" src="images/index/nav/logo.png" alt="">
                </a>
                <div class="nav-location">
                    <img src="images/index/nav/icon1.png" alt="">
                    <span class="position-city">北京</span>
                    <img src="images/index/nav/icon2.png" alt="">
                    <div class="nav-city">
                        <div class="city-box">
                            <div class="now-city">
                                <span class="title-city">当前城市:</span>
                                <span class="name-city position-city select-city">北京</span>
                            </div>
                            <div class="hot-city">
                                <span class="title-city">热门城市:</span>
                                <div class="list-more">
                                    <span class="name-city">全国</span>
                                    <span class="name-city">北京</span>
                                    <span class="name-city">上海</span>
                                    <span class="name-city">深圳</span>
                                    <span class="name-city">广州</span>
                                    <span class="name-city">杭州</span>
                                    <span class="name-city">天津</span>
                                    <span class="name-city">重庆</span>
                                    <span class="name-city">成都</span>
                                    <span class="name-city">中国香港</span>
                                </div>
                            </div>
                            <div class="other-city">
                                <span class="title-city">其他城市</span>
                                <div class="list-more">
                                    <span class="name-city">杭州</span>
                                    <span class="name-city">北京</span>
                                    <span class="name-city">上海</span>
                                    <span class="name-city">天津</span>
                                    <span class="name-city">成都</span>
                                    <span class="name-city">南京</span>
                                    <span class="name-city">深圳</span>
                                    <span class="name-city">苏州</span>
                                    <span class="name-city">广州</span>
                                    <span class="name-city">重庆</span>
                                    <span class="name-city">武汉</span>
                                    <span class="name-city">西安</span>
                                    <span class="name-city">长沙</span>
                                    <span class="name-city">青岛</span>
                                    <span class="name-city">郑州</span>
                                    <span class="name-city">合肥</span>
                                    <span class="name-city">厦门</span>
                                    <span class="name-city">昆明</span>
                                    <span class="name-city">宁波</span>
                                    <span class="name-city">沈阳</span>
                                    <span class="name-city">太原</span>
                                    <span class="name-city">大连</span>
                                    <span class="name-city">济南</span>
                                    <span class="name-city">哈尔滨</span>
                                    <span class="name-city">福州</span>
                                    <span class="name-city">佛山</span>
                                    <span class="name-city">南昌</span>
                                    <span class="name-city">南宁</span>
                                    <span class="name-city">无锡</span>
                                    <span class="name-city">常州</span>
                                    <span class="name-city">石家庄</span>
                                    <span class="name-city">长春</span>
                                    <span class="name-city">贵阳</span>
                                    <span class="name-city">珠海</span>
                                    <span class="name-city">绍兴</span>
                                    <span class="name-city">嘉兴</span>
                                    <span class="name-city">海口</span>
                                    <span class="name-city">包头</span>
                                    <span class="name-city">南通</span>
                                    <span class="name-city">盐城</span>
                                    <span class="name-city">中国澳门</span>
                                    <span class="name-city">中山</span>
                                    <span class="name-city">东莞</span>
                                    <span class="name-city">温州</span>
                                    <span class="name-city">湖州</span>
                                    <span class="name-city">泉州</span>
                                    <span class="name-city">泰州</span>
                                    <span class="name-city">呼和浩特</span>
                                    <span class="name-city">中国香港</span>
                                    <span class="name-city">宝鸡</span>
                                    <span class="name-city">台州</span>
                                    <span class="name-city">济宁</span>
                                    <span class="name-city">金华</span>
                                    <span class="name-city">银川</span>
                                    <span class="name-city">兰州</span>
                                    <span class="name-city">洛阳</span>
                                    <span class="name-city">徐州</span>
                                    <span class="name-city">连云港</span>
                                    <span class="name-city">宿迁</span>
                                    <span class="name-city">南阳</span>
                                    <span class="name-city">乌鲁木齐</span>
                                    <span class="name-city">宜昌</span>
                                    <span class="name-city">株洲</span>
                                    <span class="name-city">河源</span>
                                    <span class="name-city">廊坊</span>
                                    <span class="name-city">秦皇岛</span>
                                    <span class="name-city">淄博</span>
                                    <span class="name-city">景德镇</span>
                                    <span class="name-city">扬州</span>
                                    <span class="name-city">遵义</span>
                                    <span class="name-city">绵阳</span>
                                    <span class="name-city">阜阳</span>
                                    <span class="name-city">西宁</span>
                                    <span class="name-city">舟山</span>
                                    <span class="name-city">滨州</span>
                                    <span class="name-city">邯郸</span>
                                    <span class="name-city">日照</span>
                                    <span class="name-city">张家口</span>
                                    <span class="name-city">鞍山</span>
                                    <span class="name-city">赣州</span>
                                    <span class="name-city">吉林</span>
                                    <span class="name-city">江门</span>
                                    <span class="name-city">柳州</span>
                                    <span class="name-city">莆田</span>
                                    <span class="name-city">肇庆</span>
                                    <span class="name-city">大庆</span>
                                    <span class="name-city">东方</span>
                                    <span class="name-city">淮安</span>
                                    <span class="name-city">惠州</span>
                                    <span class="name-city">辽阳</span>
                                    <span class="name-city">威海</span>
                                    <span class="name-city">新乡</span>
                                    <span class="name-city">蚌埠</span>
                                    <span class="name-city">滁州</span>
                                    <span class="name-city">焦作</span>
                                    <span class="name-city">酒泉</span>
                                    <span class="name-city">丽江</span>
                                    <span class="name-city">芜湖</span>
                                    <span class="name-city">漳州</span>
                                    <span class="name-city">泸州</span>
                                    <span class="name-city">保定</span>
                                    <span class="name-city">沧州</span>
                                    <span class="name-city">广安</span>
                                    <span class="name-city">桂林</span>
                                    <span class="name-city">凉山</span>
                                    <span class="name-city">临夏</span>
                                    <span class="name-city">齐齐哈尔</span>
                                    <span class="name-city">唐山</span>
                                    <span class="name-city">渭南</span>
                                    <span class="name-city">襄阳</span>
                                    <span class="name-city">兴安盟</span>
                                    <span class="name-city">烟台</span>
                                    <span class="name-city">榆林</span>
                                    <span class="name-city">湛江</span>
                                    <span class="name-city">镇江</span>
                                    <span class="name-city">衢州</span>
                                    <span class="name-city">安顺</span>
                                    <span class="name-city">长治</span>
                                    <span class="name-city">赤峰</span>
                                    <span class="name-city">东营</span>
                                    <span class="name-city">鄂尔多斯</span>
                                    <span class="name-city">菏泽</span>
                                    <span class="name-city">衡阳</span>
                                    <span class="name-city">呼伦贝尔</span>
                                    <span class="name-city">锦州</span>
                                    <span class="name-city">拉萨</span>
                                    <span class="name-city">丽水</span>
                                    <span class="name-city">六安</span>
                                    <span class="name-city">梅州</span>
                                    <span class="name-city">眉山</span>
                                    <span class="name-city">盘锦</span>
                                    <span class="name-city">汕头</span>
                                    <span class="name-city">上饶</span>
                                    <span class="name-city">石嘴山</span>
                                    <span class="name-city">乌兰察布</span>
                                    <span class="name-city">吴忠</span>
                                    <span class="name-city">邢台</span>
                                    <span class="name-city">雅安</span>
                                    <span class="name-city">玉溪</span>
                                    <span class="name-city">自贡</span>
                                    <span class="name-city">安庆</span>
                                    <span class="name-city">安阳</span>
                                    <span class="name-city">白山</span>
                                    <span class="name-city">保山</span>
                                    <span class="name-city">朝阳</span>
                                    <span class="name-city">潮州</span>
                                    <span class="name-city">郴州</span>
                                    <span class="name-city">承德</span>
                                    <span class="name-city">大理</span>
                                    <span class="name-city">德阳</span>
                                    <span class="name-city">德州</span>
                                    <span class="name-city">定西</span>
                                    <span class="name-city">抚州</span>
                                    <span class="name-city">阜新</span>
                                    <span class="name-city">甘孜</span>
                                    <span class="name-city">固原</span>
                                    <span class="name-city">贵港</span>
                                    <span class="name-city">海西</span>
                                    <span class="name-city">衡水</span>
                                    <span class="name-city">葫芦岛</span>
                                    <span class="name-city">淮南</span>
                                    <span class="name-city">佳木斯</span>
                                    <span class="name-city">晋城</span>
                                    <span class="name-city">晋中</span>
                                    <span class="name-city">开封</span>
                                    <span class="name-city">聊城</span>
                                    <span class="name-city">临汾</span>
                                    <span class="name-city">六盘水</span>
                                    <span class="name-city">龙岩</span>
                                    <span class="name-city">茂名</span>
                                    <span class="name-city">南充</span>
                                    <span class="name-city">南平</span>
                                    <span class="name-city">萍乡</span>
                                    <span class="name-city">普洱</span>
                                    <span class="name-city">琼海</span>
                                    <span class="name-city">三亚</span>
                                    <span class="name-city">商丘</span>
                                    <span class="name-city">朔州</span>
                                    <span class="name-city">宿州</span>
                                    <span class="name-city">遂宁</span>
                                    <span class="name-city">塔城</span>
                                    <span class="name-city">泰安</span>
                                    <span class="name-city">天水</span>
                                    <span class="name-city">通化</span>
                                    <span class="name-city">铜仁</span>
                                    <span class="name-city">潍坊</span>
                                    <span class="name-city">梧州</span>
                                    <span class="name-city">仙桃</span>
                                    <span class="name-city">孝感</span>
                                    <span class="name-city">许昌</span>
                                    <span class="name-city">宣城</span>
                                    <span class="name-city">延边</span>
                                    <span class="name-city">宜宾</span>
                                    <span class="name-city">玉林</span>
                                    <span class="name-city">张家界</span>
                                    <span class="name-city">昭通</span>
                                    <span class="name-city">中卫</span>
                                    <span class="name-city">亳州</span>
                                    <span class="name-city">濮阳</span>
                                    <span class="name-city">国际及港澳台</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="nav-tabs">
                    <a href="index.html" class="active">首页</a>
                    <a href="category.html">分类</a>
                </div>
            </div>
            <div class="nav-right">
                <div class="nav-userinfo">
                    <div class="nav-login">
                        <a href="login.html">
                            <img class="icon-img" src="images/index/nav/icon3.png" alt="">
                            <span class="login-span">登录</span>
                        </a>
                        <div class="login-tabs">
                            <div class="login-list">
                                <a href="login.html" class="list-tab select">个人信息</a>
                                <a href="login.html" class="list-tab select">账号设置</a>
                                <a href="login.html" class="list-tab select">订单管理</a>
                                <!--<a href="" class="list-tab select">退出登录</a>-->
                            </div>
                        </div>
                    </div>
                    <div class="nav-download">
                        <img class="icon-img" src="images/index/nav/icon4.png" alt="">
                        <span class="login-span">下载</span>
                        <div class="nav-qrcode">
                            <img src="images/index/nav/qrcode.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="nav-search">
                    <img src="images/index/nav/search.png" alt="">
                    <label id="search">
                        <input class="input-search" name="search" placeholder="搜索明星、演出、体育赛事">
                    </label>
                    <input class="input-button" type="button" value="搜索">
                </div>
            </div>
        </div>
    </div>

    <div id="header">
        <div id="h-container">
            <div class="h-banner">
                <div class="h-pannel active">
                    <a href=""><img src="./images/index/header/swiper1.png" alt=""></a>
                </div>
                <div class="h-pannel">
                    <a href=""><img src="./images/index/header/swiper2.png" alt=""></a>
                </div>
                <div class="h-pannel">
                    <a href=""><img src="./images/index/header/swiper3.png" alt=""></a>
                </div>
            </div>
            <div class="h-prev" id="J-prev">
                <div class="arrow-left"></div>
            </div>
            <div class="h-next" id="J-next">
                <div class="arrow-right"></div>
            </div>
            <div class="h-nav">
                <div class="dot current"></div>
                <div class="dot"></div>
                <div class="dot"></div>
            </div>
        </div>
    </div>

    <div id="main">
        <div class="m-category">
            <a class="m-category-list" href="category.html">
                <span class="category-ych"></span>
                <p class="category-info">演唱会</p>
            </a>
            <a class="m-category-list" href="category.html">
                <span class="category-hjgj"></span>
                <p class="category-info">话剧歌剧</p>
            </a>
            <a class="m-category-list" href="category.html">
                <span class="category-ty"></span>
                <p class="category-info">体育</p>
            </a>
            <a class="m-category-list" href="category.html">
                <span class="category-etqz"></span>
                <p class="category-info">儿童亲子</p>
            </a>
            <a class="m-category-list" href="category.html">
                <span class="category-zlxx"></span>
                <p class="category-info">展览休闲</p>
            </a>
            <a class="m-category-list" href="category.html">
                <span class="category-yyh"></span>
                <p class="category-info">音乐会</p>
            </a>
            <a class="m-category-list" href="category.html">
                <span class="category-qyzt"></span>
                <p class="category-info">曲苑杂坛</p>
            </a>
            <a class="m-category-list" href="category.html">
                <span class="category-wdbl"></span>
                <p class="category-info">舞蹈芭蕾</p>
            </a>
            <a class="m-category-list" href="category.html">
                <span class="category-ecy"></span>
                <p class="category-info">二次元</p>
            </a>
            <a class="m-category-list" href="category.html">
                <span class="category-lyzl"></span>
                <p class="category-info">旅游展览</p>
            </a>
        </div>

        <!-- 演唱会 -->
        <div class="m-card">
            <div class="m-head">
                <span class="head-title">演唱会</span>
                <a href="category.html"><span class="head-more">查看更多</span></a>
            </div>
            <div class="m-box">
                <div class="m-box-left">
                    <a href="category.html">
                        <img src="images/index/main/card1-left.png" alt="">
                        <div class="box-info">
                            <div class="info-title">HOTDOG•2023北京MDSK音乐节</div>
                            <div class="info-price">¥328<span>起</span></div>
                        </div>
                    </a>
                </div>
                <div class="m-box-right">
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card1-right1.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="《光辉岁月—致敬Beyond金曲演唱会》">《光辉岁月—致敬Beyond金曲演唱会》</div>
                            <div class="venue">朝阳剧场</div>
                            <div class="showtime">2023.07.01 周六 19:30</div>
                            <div class="price">¥58<span class="space">起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card1-right2.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="胡海泉2023巡演“找不到一首适合我的情歌”北京站">胡海泉2023巡演“找不到一首适合我的情歌”北京站</div>
                            <div class="venue">EAST LIVE</div>
                            <div class="showtime">2023.07.14 周五 20:00</div>
                            <div class="price">¥288<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card1-right3.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="[恰逢东来]李晓东 2023 音乐会">[恰逢东来]李晓东 2023 音乐会</div>
                            <div class="venue">本土王牌LIVE</div>
                            <div class="showtime">2023.07.05 周三 19:30</div>
                            <div class="price">¥399<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card1-right4.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="李佳隆2023「Born Legend」全国巡演-北京站">李佳隆2023「Born Legend」全国巡演-北京站</div>
                            <div class="venue">本土王牌LIVE</div>
                            <div class="showtime">2023.08.06 周日 20:00</div>
                            <div class="price">¥180<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card1-right5.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="《漫步人生路-致敬经典演唱会》">《漫步人生路-致敬经典演唱会》</div>
                            <div class="venue">朝阳剧场</div>
                            <div class="showtime">2023.07.02 周日 19:30</div>
                            <div class="price">¥58<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card1-right6.png" alt="">
                        </div>
                        <div class="item-info">
                            <!-- “” -->
                            <div class="title" title="7.22 · 【北京站】多巴胺夏日狂欢电音派对 | 坐标天堂超市酒吧，夏日限定“多巴胺”狂欢即日引爆">7.22 ·
                                【北京站】多巴胺夏日狂欢电音派对
                                |
                                坐标天堂超市酒吧，夏日限定“多巴胺”狂欢即日引爆
                            </div>
                            <div class="venue">天堂超市(北京总店)</div>
                            <div class="showtime">2023.07.02 周日 19:30</div>
                            <div class="price">¥49<span>起</span></div>
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <!-- 话剧歌剧 -->
        <div class="m-card">
            <div class="m-head">
                <span class="head-title">话剧歌剧</span>
                <a href="category.html"><span class="head-more">查看更多</span></a>
            </div>
            <div class="m-box">
                <div class="m-box-left">
                    <a href="detail.html">
                        <img src="images/index/main/card2-left.png" alt="">
                        <div class="box-info">
                            <div class="info-title">缪时客音乐剧《猎罪图鉴》</div>
                            <div class="info-price">¥180<span>起</span></div>
                        </div>
                    </a>
                </div>
                <div class="m-box-right">
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card2-right1.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="中央戏剧学院实验剧团原创音乐剧《家》">中央戏剧学院实验剧团原创音乐剧《家》</div>
                            <div class="venue">中央戏剧学院实验剧场</div>
                            <div class="showtime">2023.07.07-07.09</div>
                            <div class="price">¥80<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card2-right2.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="倪大红、孙莉领衔主演话剧《安魂曲》">倪大红、孙莉领衔主演话剧《安魂曲》</div>
                            <div class="venue">保利剧院</div>
                            <div class="showtime">2023.08.10-08.13</div>
                            <div class="price">¥99<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card2-right3.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="音乐剧《蝶变》方寸展演季剧目 北京站">音乐剧《蝶变》方寸展演季剧目 北京站</div>
                            <div class="venue">北京西区剧场</div>
                            <div class="showtime">2023.07.28-08.13</div>
                            <div class="price">¥199<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card2-right4.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="长信传媒 立次方现场出品 国潮原创音乐剧《唐朝诡事录之曼陀罗》">长信传媒 立次方现场出品 国潮原创音乐剧《唐朝诡事录之曼陀罗》
                            </div>
                            <div class="venue">天桥艺术中心-大剧场</div>
                            <div class="showtime">2023.08.18-08.20</div>
                            <div class="price">¥280<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card2-right5.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="开心麻花王牌爆笑大戏《乌龙山伯爵》">开心麻花王牌爆笑大戏《乌龙山伯爵》</div>
                            <div class="venue">地质礼堂剧场</div>
                            <div class="showtime">2023.07.01-07.23</div>
                            <div class="price">¥80<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card2-right6.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="孟京辉经典戏剧作品《一个陌生女人的来信》">孟京辉经典戏剧作品《一个陌生女人的来信》</div>
                            <div class="venue">保利剧院</div>
                            <div class="showtime">2023.08.25-08.27</div>
                            <div class="price">¥180<span>起</span></div>
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <!-- 体育比赛 -->
        <div class="m-card">
            <div class="m-head">
                <span class="head-title">体育比赛</span>
                <a href="category.html"><span class="head-more">查看更多</span></a>
            </div>
            <div class="m-box">
                <div class="m-box-left">
                    <a href="detail.html">
                        <img src="images/index/main/card3-left.png" alt="">
                        <div class="box-info">
                            <div class="info-title">冰上舞剧《踏冰逐梦》</div>
                            <div class="info-price">¥180<span>起</span></div>
                        </div>
                    </a>
                </div>
                <div class="m-box-right">
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card3-right1.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="小小骑士初长成《马背骑乘45分钟》">小小骑士初长成《马背骑乘45分钟》</div>
                            <div class="venue">蓝调马术庄园</div>
                            <div class="showtime">2023.01.01-12.31</div>
                            <div class="price">¥338<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card3-right2.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="马背上的童年">马背上的童年</div>
                            <div class="venue">红骑士马术培训</div>
                            <div class="showtime">2023.02.15-12.31</div>
                            <div class="price">¥288<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card3-right3.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="纵横马术俱乐部体验套票(丰台店)">纵横马术俱乐部体验套票(丰台店)</div>
                            <div class="venue">纵横马术学院(丰台店)</div>
                            <div class="showtime">2023.01.01-12.31</div>
                            <div class="price">¥79<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card3-right4.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="马术体验活动课">马术体验活动课</div>
                            <div class="venue">Family Farm 马术庄园</div>
                            <div class="showtime">2023.01.10-12.31</div>
                            <div class="price">¥9.9<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card3-right5.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="纵横马术俱乐部体验套票（顺义店）">纵横马术俱乐部体验套票（顺义店）</div>
                            <div class="venue">纵横马术学院(顺义店)</div>
                            <div class="showtime">2023.01.01-12.31</div>
                            <div class="price">¥98<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card3-right6.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="2023中国平安中国足球协会超级联赛天津津门虎队主场门票">2023中国平安中国足球协会超级联赛天津津门虎队主场门票</div>
                            <div class="venue">天津奥体中心体育场</div>
                            <div class="showtime">2023.07.07 周五</div>
                            <div class="price">¥50<span>起</span></div>
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <!-- 儿童亲子 -->
        <div class="m-card">
            <div class="m-head">
                <span class="head-title">亲子儿童</span>
                <a href="category.html/"><span class="head-more">查看更多</span></a>
            </div>
            <div class="m-box">
                <div class="m-box-left">
                    <a href="detail.html">
                        <img src="images/index/main/card4-left.png" alt="">
                        <div class="box-info">
                            <div class="info-title">家庭音乐剧《故宫里的大怪兽之消失的龙女嫁衣》</div>
                            <div class="info-price">¥100<span>起</span></div>
                        </div>
                    </a>
                </div>
                <div class="m-box-right">
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card4-right1.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="【端午节魔术儿童专场】【顺义祥云小镇】首部魔术近景亲子互动沉浸式儿童剧演出">
                                【端午节魔术儿童专场】【顺义祥云小镇】首部魔术近景亲子互动沉浸式儿童剧演出
                            </div>
                            <div class="venue">橙天嘉禾影城(北京祥云CINITY店)2号厅</div>
                            <div class="showtime">2023.07.01-07.30</div>
                            <div class="price">¥29<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card4-right2.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="【雍和宫|首部魔术儿童剧】科学实验室|欢乐亲子互动秀|周末嗨沉浸魔法巡演">
                                【雍和宫|首部魔术儿童剧】科学实验室|欢乐亲子互动秀|周末嗨沉浸魔法巡演
                            </div>
                            <div class="venue">雍和宫喜剧剧场</div>
                            <div class="showtime">2023.07.01-07.10</div>
                            <div class="price">¥59<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card4-right3.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="北京文化艺术基金2022年度资助项目 新空间剧场《猫神在故宫》">北京文化艺术基金2022年度资助项目 新空间剧场《猫神在故宫》
                            </div>
                            <div class="venue">天桥艺术中心-新空间剧场</div>
                            <div class="showtime">2023.07.18-07.30</div>
                            <div class="price">¥280<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card4-right4.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="2023国际儿童戏剧季 法国艺术启蒙儿童剧《美术馆奇妙夜星夜》中文版">2023国际儿童戏剧季
                                法国艺术启蒙儿童剧《美术馆奇妙夜星夜》中文版
                            </div>
                            <div class="venue">国家大剧院-小剧场</div>
                            <div class="showtime">2023.07.28-07.30</div>
                            <div class="price">¥180<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card4-right5.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="圆谷正版授权奥特曼系列舞台剧奥特英雄《父与子》的羁绊">圆谷正版授权奥特曼系列舞台剧奥特英雄《父与子》的羁绊</div>
                            <div class="venue">天桥剧场</div>
                            <div class="showtime">2023.07.01 周六</div>
                            <div class="price">¥180<span>起</span></div>
                        </div>
                    </a>
                    <a href="detail.html" class="box-item">
                        <div class="item-img">
                            <img src="images/index/main/card4-right6.png" alt="">
                        </div>
                        <div class="item-info">
                            <div class="title" title="宫西达也系列-音乐儿童剧《永远永远爱你》">宫西达也系列-音乐儿童剧《永远永远爱你》</div>
                            <div class="venue">顺义大剧院</div>
                            <div class="showtime">2023.07.08-07.09</div>
                            <div class="price">¥80<span>起</span></div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="f-container">
            <div class="f-tabs">
                <ul class="f-links">
                    <li class="links-list">帮助中心</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">公司介绍</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">品牌识别</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">公司大记事</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">协议及隐私权政策</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">廉政举报</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">联系合作</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">招聘信息</li>
                    <li class="links-grep">|</li>
                    <li class="links-list">防骗秘籍</li>
                </ul>
            </div>
            <div class="f-info">
                <div class="info-left">
                    <a href="index.html" class="info-logo">
                        <img src="images/index/footer/logo.png" alt="">
                    </a>
                    <div class="info-qrcode">
                        <img src="images/index/footer/qrcode.png" alt="">
                        <span>APP下载</span>
                    </div>
                </div>
                <div class="info-right">
                    <div class="info-contact">
                        <a href="https://www.tedu.cn/tmooc-kf.html">在线客服</a>
                    </div>
                    <div class="info-list">
                        <ul>
                            <li>达内广州校区</li>
                            <li class="list-grep">|</li>
                            <li>达内在线WWW.TMOOC.CN 专注于IT职业技能培训</li>
                        </ul>
                    </div>
                    <div class="info-list">
                        <ul>
                            <li>联系方式:&nbsp;&nbsp;</li>
                            <li>woshihuahuaa@outlook.com&nbsp;&nbsp;</li>
                            <li>广州市天河区天河路351号广东外经贸大厦2楼</li>
                        </ul>
                    </div>
                    <div class="info-list">
                        <ul>
                            <li>开发团队:&nbsp;&nbsp;</li>
                            <li>颜云华&nbsp;&nbsp;叶兆康&nbsp;&nbsp;汤杰华&nbsp;&nbsp;黄智鹏</li>
                        </ul>
                    </div>
                    <div class="info-list">
                        <ul>
                            <li>Copyright © 达内广州校区black团队所有</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="sidebar">
        <div class="s-item s-block">
            <div class="s-icon damai"></div>
            <p>APP下载</p>
            <div class="s-qrcode"></div>
        </div>
        <div class="s-item" id="scroll-top">
            <div class="s-icon gotop"></div>
            <p>回到顶部</p>
        </div>
    </div>

    <script type="text/javascript" src="./js/index.js"></script>

</body>
</html>